<template>
 <el-container>
  <headers></headers>

  <router-view></router-view>

  <footers></footers>
 </el-container>
</template>

<script>
import Headers from "@/layout/Headers/Headers";  // 公共头部

import Footers from "@/layout/Footers/Footers";  // 公共尾部

export default {
 name: "Home",
 components: {
  Headers,
  Footers
 }
}
</script>

<style scoped lang="scss">
.el-container {
 display: flex;
 flex-direction: column;
 background-color: #f5faff;
 width: 100%;
 min-height: 100vh;
}
</style>
